7.06 获取设置行内样式中的属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="wyzxw" style="color:red; font-size:48px; width:400px; height:100px;
border:2px solid blue; padding-left:20px;">
我要好好学习
</div>
<!--padding-left:20px;是设置边框左边留空20px-->
<!-- 语法：元素.style.某个样式-->
<script type="text/javascript">
var z=document.getElementById("wyzxw")
<!--1、获取元素的行内某个样式-->
var a=z.style.color;
document.write(a,"<br>")
var a=z.style.fontSize; //如属性名有-号，则需改成驼峰写法
document.write(a,"<br>")
<!--2、给元素行内样式赋值-->
z.style.color="blue" //修改行内样式
z.style.marginLeft="100px" //增加设置页面左边空格为100px,即边框的左边留空100
</script>
</body>
</html>